<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://eureka.yigolden.net/stringutils/sutaglib/1.0" prefix="su"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<title>出售室友</title>

  <!-- Bootstrap -->
    <link href="<%=request.getContextPath()%>/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/static/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/static/css/jumbotron.css" rel="stylesheet">
    
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/static/js/html5shiv.min.js"></script>
      <script src="<%=request.getContextPath()%>/static/js/respond.min.js"></script>
    <![endif]-->
    
    <script type="text/javascript">
    
    function submitForm(itemid){
    	
    	var formbyid=document.getElementById(itemid);
    	formbyid.submit();
    }
    
    </script>
     <script src="<%=request.getContextPath()%>/static/js/jquery.min.js"></script>
</head>
<body>
<jsp:include page="../Common/navHeader.jsp"></jsp:include>

<div class="container">

	  <br>
	  <br>       
      <br> 
	  <div class="row">
      <div class="col-sm-1"></div><!--左侧不用-->
      
		  <% request.setAttribute("tag", "roommategroup"); %>
		  <jsp:include page="navLeftBar.jsp"></jsp:include>

	      <div class="col-sm-8 col-xs-12">
		  
		  <c:set var="i" value="0" />
	      
	      <c:if test="${domitories ne null }"> 
		      	  <div class="table-responsive">
				    <table style="margin-bottom:0px" class="table table-hover table-stripped">
						  <tr style="background:aliceblue">
						    <td style="min-width:60px">机构名</td>
						    <td>宿舍号</td>
						    <td>可住人数</td>
						    <td>操作</td>
						  </tr>
					  
						  <c:forEach var="item" items="${domitories}">
							<tr>
							  <td><a href="<%=request.getContextPath() %>/Account/ShowUserDetailInfo?userid=${item.universityid }" target="_blank">${fn:escapeXml(item.universityname) }</a></td>
							  <td>${fn:escapeXml(item.domitoryid) }</td>
							  <td>${fn:escapeXml(item.count) }</td>
							  <td><a href="#" class="getroommategroup btn btn-success" data-id="${item.universityid}-${item.domitoryid}" data-university="${item.universityid }" data-domitory="${item.domitoryid }">
							  人员详情</a>
							  </td>
							</tr>
							<tr style="display:none;">
							  <td colspan="4"><div style="padding-left:0px;padding-right:0px" class="col-sm-12" id="${item.universityid}-${item.domitoryid}"></div></td>
							</tr>
						  </c:forEach>
					</table>
			  </div>
	      </c:if>
		  <c:if test="${domitories eq null }">
		        <div class="alert alert-warning" role="alert">
	           		不好意思，暂时还没有宿舍！
	        	</div>
	      </c:if>  
	      
	      <br/>
	
	      </div>
      <div class="col-sm-1"></div><!--右侧不用-->
    </div>
 
    <jsp:include page="../Common/Footer.jsp"></jsp:include>

</div>

 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="<%=request.getContextPath()%>/static/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<%=request.getContextPath()%>/static/js/bootstrap.min.js"></script>

	<script>
	window.getroommategroupBusy=false;
	window.isdisplay=false;
	$(document).ready(function() {
		
	    $("a.getroommategroup").click(function() {
	    	
	    	if(window.getroommategroupBusy)
	    		window.getroommategroupBusy=false;
	    	window.getroommategroupBusy=true;
    		
    		$("a.getroommategroup").addClass("disabled");
    		var universityid=$(this).data("university");
    		var domitoryid=$(this).data("domitory");
    		var postData={
    				universityid:universityid,
    				domitoryid:domitoryid
    		};
    		var id=$(this).data("id");
    		
    		$.ajax({
    			method:"POST",
    			url:"<%=request.getContextPath()%>/Roommate/SellRoommate",
    			contentType:"application/json",
    			data:JSON.stringify(postData),
    			dataType:"json",
    			success:function(data){
    				if(data.status==0){
    					if(window.isdisplay){
    						$("#"+id).closest("tr").hide();
    						window.isdisplay=false;
    					}
    					else{
		               		var $table = $("<table>")
		               		.addClass("table").addClass("table-hover").addClass("table-stripped")
		               		.append(
		               			$("<tr>")
		               			.css("background", "aliceblue")
		               			.append(
		               				$("<td>")
		               				.css("min-width", "60px")
		               				.text("机构名")
		               			)
		               			.append(
		               				$("<td>")
		               				.text("宿舍号")
		               			)
		               			.append(
		                			$("<td>")
		                			.text("用户名")
		                		)
		                		.append(
		                			$("<td>")
		                			.text("操作")
		                		)
		               		);
			                $.each(data.allocations, function() {
			                	$table
			                	.append(
			                		$("<tr>")
			                		.append($("<td>").text(this.universityname))
			                		.append($("<td>").text(this.domitoryid))
			                		.append(
			                			$("<td>")
			                			.append(
			                				$("<a>")
			                				.attr("href", "<%=request.getContextPath() %>/Account/ShowUserDetailInfo?userid=" + this.userid)
			                				.attr("target", "_blank")
			                				.text(this.username)
			                			)
			                		)
			                		.append(
			                			$("<td>")
			                			.append(
			                				$("<a>")
			                				.attr("href","#")
			                				.addClass("addMessageLink")
			                				.addClass("btn")
			                				.addClass("btn-link")
			                				.text("提出申请")
			                				.data("destination",this.userid)
			                				.click(test)
			                			)		
			                		)
			                	);
			                });
		               		
			                var $rootDiv = $("<div>")
			                	.addClass("table-responsive")
			                	.append($table);
		   					
			                $("#"+id).empty();
		   					$("#"+id).append($rootDiv);
		   					$("#"+id).closest("tr").show();
		   					window.isdisplay=true;
    					}
    				}else{
    					alert(data.message);
    				}
    			},
    			error:function(){
    				alert("服务器连接失败！");
    			},
    			complete:function(){
    				$("a.getroommategroup").removeClass("disabled");
    				window.getroommategroupBusy=false;
    			}
    		});
	    	return false;
	    });
	    
	    //$("a.addMessageLink").click(
	    //不明待解
    	function test() {
			if (window.addMessageBusy) return false;
			window.addMessageBusy = true;
			$("a.addMessageLink").addClass("disabled");
			
    		var destination = $(this).data("destination");
    		
    		var postData = {destination : destination};
    		$.ajax({
    			method: "POST",
    			url: "<%= request.getContextPath()%>/Message/AddMessage",
    			contentType : "application/json",
    			data: JSON.stringify(postData),
    			dataType : "json",
    			success: function(data) {
    				if (data.status == 0) {
    					alert("申请成功！");
    				} else {
    					alert(data.message);
    				}
    			},
    			error: function() {
    				alert("服务器连接失败！");
    			},
    			complete: function() {
    				$("a.addMessageLink").removeClass("disabled");
    				window.addMessageBusy = false;
    			}
    		});
    		return false;
    	};
	});

	</script>
</body>
</html>